 table{
    border-collapse: collapse;
 }

 th,td{
    padding: 8px 0;
 }

 /*购物车地址栏*/
 .cartBox{
    width: 990;
    margin:0 auto;
    margin-top: 200px;
 }

 .cartBox tr.title>th:nth-child(1){
    text-align: left;
    font-weight:bold ;
    color: red;
 }

 .cartBox tr.title>th:nth-child(2){
    text-align: right;
  color: #666;
  font-size: 14px;
  font-weight: 200; 
 }

 .cartBox tr.title>th:nth-child(2) span{
    display: inline-block;
    padding: 2px 4px;
    font: size 13px; ;
    border: 1px solid #666;
 }

 /*购物车标题*/
 .cartBox .head{
   background: #f2f2f2;
 }

 .cartBox tr td:last-child{
    min-width: 80px;
    text-align: center;
 }

 table tr a{
    text-decoration: none;
    color: #444;
 }
 /*商铺部分*/
 .cartBox .shop td:last-child{
    text-align: left;
    color: #444;
    font-size: 14px;
    font-weight: bold;
 }

 .cartBox .shop td:last-child:hover{
    color: red;
 }

 /*商品样式*/
.cartBox .goods{
    border: 1px solid #f2f2f2;
    border-top: 3px solid gray;
}
 .cartBox .goods td{
    padding: 15px 0 30px 0;
 }

 .cartBox tr td:nth-child(1){
   width: 30px;
   text-align: center;
   vertical-align: top;
 }

 .head td:nth-child(2) .goods td:nth-child(2){
   width: 100px;
 }

 .goods td{
   font-size: 12px;
   vertical-align: top;
 }

 .goods td:nth-child(2){
   text-align: center;
 }

 .goods td:nth-child(3) span{
   display: inline-block;
   width: 200px;
   height: 32px;
   overflow: hidden;
   padding: 0 6px;
 }

 .goods td:nth-child(4){
   width: 140px;
   text-align: center;
 }

 .goods td:nth-child(4) span{
   display: inline-block;
   width: 122px;
   height: 16px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }

.goods td:nth-child(5){
   width: 90px;
   text-align: center;
}
.goods td:nth-child(6){
   width: 80px;
   text-align: center;
}
.goods .number{
   display:flex;
}
.goods .number span{
   display: inline-block;
   width: 36px;
   height: 16px;
   border: 1px solid gray;
   background: #f3f3f3;
}
.goods .number input{
   width: 36px;
   border-radius: 0;
   text-align: center;
   height: 18px;
   border: 1px solid gray;
   outline: none;
   border-left-width: 0;
   border-right-width: 0;
}

input-webkit-outer-spin-button{
   -webkit-appearance: none;
}
input-webkit-outer-spin-button{
   -webkit-appearance: none;
}
input[type="number"]{
-moz-appearance:textfield;
}

.goods td:nth-child(7){
   font-size: 12px;
   font-weight: bold;
   color: #000;
   text-align: center;
}

.js{
   display: flex;
   font-size: 12px;
   color: #666;
   background: #fff;
   height: 60px;
   width: 990px;
   margin: 0 auto;
   border: 1px solid #f2f2f2;
   margin-top: 10px;
   align-items: center;
}
.js div{
   height: 40px;
   line-height: 40px;
   padding: 0 5px;
}





